﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="../css/workshow.css"/>
		<title></title>
		<script type="text/javascript" src="../common/js/jquery.min.js"></script>
		
	</head>
	<body>
		<!--head-->
		<div id="wrap">
			<div class="logo">
				<a href="/" id="lg">
					<h1>喔图</h1>
				</a>
				<!--点击项目-->
				<ul id="lg1">
					<li><a href="workshow">作品展示</a></li>
					<li><a href="ipai">我要拍照</a></li>
					<li><a href="market">市场行情</a></li>
					<li><a href="live">图片直播</a></li>
					<li><a href="index6">活动展示</a></li>
					<li><a href="#">抢订单</a></li>
				</ul>
				<!--APP-->
				<ul id="lg2">
					<li><a href="#">APP下载</a></li>
					<li><a href="#"style="border-right:1px solid #fff">登录</a></li>
					<li><a href="#">注册</a></li>
				</ul>
				<!--查询-->
				<input type="text" placeholder="可搜索摄影师丶活动" />
			</div>
		</div>

		<!--导航栏-->
		<div class="pic-nav">
			<div class="container text-align">
				<div class="discover active " data-type="hot">热门</div>
				<div class="discover" data-type="new">最新</div>
			</div>
		</div>
		<!--tag栏-->
		<div class="pic-tag">
			<div class="container-50 text-center">
				<ul class="tag-list">
					<li class="tag discover pull-left" data-type="人像">
						<div class="tag-bg">
							<img src=""/>
							<div class="cover">
								<span class="tag-name">人像</span>
							</div>
							<span class="line"></span>
						</div>	
					</li>
					<li class="tag discover pull-left" data-type="婚礼">
						<div class="tag-bg">
							<img src=""> 
							<div class="cover">
								<span class="tag-name">婚礼</span>
							</div>
							<span class="line"></span>
						</div> 
					</li>
					<li class="tag discover pull-left" data-type="风光">
						<div class="tag-bg">
							<img src=""> 
							<div class="cover">
								<span class="tag-name">风光</span>
							</div>
							<span class="line"></span>
						</div> 
					</li>
					<li class="tag discover pull-left" data-type="街拍">
						<div class="tag-bg">
							<img src=""> 
							<div class="cover">
								<span class="tag-name">街拍</span>
							</div>
							<span class="line"></span>
						</div> 
					</li>
					<li class="tag discover pull-left" data-type="婚纱">
						<div class="tag-bg">
							<img src=""> 
							<div class="cover">
								<span class="tag-name">婚纱</span>
							</div>
							<span class="line"></span>
						</div> 
					</li>
					<li class="tag discover pull-left" data-type="儿童">
						<div class="tag-bg">
							<img src=""> 
							<div class="cover">
								<span class="tag-name">儿童</span>
							</div>
							<span class="line"></span>
						</div> 
					</li>
					
					<li class="tag discover pull-left" data-type="动物">
						<div class="tag-bg">
							<img src=""> 
							<div class="cover">
								<span class="tag-name">动物</span>
							</div>
							<span class="line"></span>
						</div>
					</li>
					
					<li class="tag discover pull-left" data-type="旅行">
						<div class="tag-bg">
							<img src=""> 
							<div class="cover">
								<span class="tag-name">旅行</span>
							</div><span class="line"></span>
						</div> 
					</li>
					<li class="tag discover pull-left" data-type="商业">
						<div class="tag-bg">
							<img src=""> 
							<div class="cover">
								<span class="tag-name">商业</span>
							</div><span class="line"></span>
						</div> 
					</li>
					<li class="tag discover pull-left" data-type="黑白">
						<div class="tag-bg">
							<img src=""> 
							<div class="cover">
								<span class="tag-name">黑白</span>
							</div><span class="line"></span>
						</div> 
					</li>
					<li class="tag discover pull-left" data-type="运动">
						<div class="tag-bg">
							<img src="http://res.alltuu.com/static/images/tag-img/011.jpg"> 
							<div class="cover">
								<span class="tag-name">运动</span>
							</div>
								<span class="line"></span>
						</div> 
					</li>
				</ul>
			</div>
		</div>
		<!--大图-->
		<div class="main">
			<div class="container-50">
					<ul>	
					</ul>
			</div>
		</div>
		<!--回到顶部-->
		<div class="back">
			<div class="circle">∧</div>
			<p>回顶部</p>
		</div>	
		
		
	<script type="text/javascript" src="../js/workshow.js"></script>
	
</html>
